<template>
  <div class="index-container">
    <div id="lottie">
      <div class="welcome">
        欢迎登录！！
      </div>
      <div class="wel-gif" />
    </div>
    <div class="foot" />
  </div>
</template>
<script>
export default {
}
</script>

<style scoped lang="scss">
.welcome {
  position: absolute;
  font-size: 60px;
  color: #4fb5f6;
  top: 180px;
  left: 260px;
}
.foot {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #9DA6BD;
  border-top: 1px solid #DBDEE7;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  bottom: 14px;
}
#lottie {
  height: 638px;
  background: url("../../assets/img/index-bg.png") no-repeat;
  background-size: 100% 100%;
  margin: 16px;
  font-size: 0;
  position: relative;
  min-width: 1346px;
  overflow: auto;
  .welc {
    height: 200px;
    width: 608px;
    background: url("../../assets/img/wel-txtt.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 88px;
    left: 90px;
    display: inline-block;
    vertical-align: top;
  }
  .wel-gif {
    height: 500px;
    width: 400px;
    background: url("../../assets/img/wel-gif.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 98px;
    right: 140px;
    display: inline-block;
    vertical-align: top;
  }
}
.noList{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: calc(100% - 200px);
  text-align: center;
}
.num{
  width: 80px;
}
.index-container {
  height: calc(100vh - 120px);
  min-width: 1146px;
  width: 100%;
  .left-down{
    height: calc(100vh - 398px);
    background: white;
    position: relative;
    .el-icon-plus{
      position: absolute;
      left: 5%;
      bottom: 20px;
      font-size: 14px;
      border: 1px #0670ee dashed;
      margin: 10px 0px 0px 20px;
      // margin: 0;
      padding: 12px 10px;
      width: 78%;
      text-align: center;
      background: rgba(23, 115, 241, 0.1);
      color: #0670ee;
      border-radius: 2px;
      // padding: 26px 0 0 25px;
      cursor: pointer;
    }
  }
  ul{
    // height: calc(100vh - 460px);

    overflow-y: auto;
    // border: 1px red solid;
    // overflow-x: hidden;
  }

  .plus-no{
    font-size: 14px;
    border: 1px #0670ee dashed;
    // margin: 25px 0px 25px 0px;
    margin: 0;
    padding: 12px 0px;
    width: 30%;
    text-align: center;
    background: rgba(23, 115, 241, 0.1);
    color: #0670ee;
    border-radius: 2px;
    // padding: 26px 0 0 25px;
    cursor: pointer;
  }
}
</style>
